<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>component</title>
  <!-- <script type="text/javascript" src="https://unpkg.com/vue@3.0.0-beta.17/dist/vue.global.js"></script>
	<style> -->

  <script src="vue.beta.js"></script>
  </style>
</head>

<body>
  <div id="app">
    <test-c></test-c>
  </div>
</body>
<script>
  const {
    createApp,
    ref,
    reactive,
    watch,
    computed
  } = Vue
 
  
  const app = {
    setup() { //他是一个函数，函数的入口。组合很多的组件
     
      return {
        
      }
    }
  }

  const vm = createApp(app)
  vm.component('test-c',{//注册组件
    template: "<div>hello</div>"
  })  
  vm.mount("#app")


  
</script>

</html>